<template>
     <el-backfoot :right="101" :bottom="101" />
     <el-backtop :right="100" :bottom="100" />
    <el-container style="height: 160vh; margin-left: 150px;">
      <el-container>
        <el-aside width="250px" >
          <div class="csn">
            <el-collapse v-model="activeNames" style="width: 250px;">
              <el-collapse-item title="课程管理" name="group1">   
                <el-menu>
                  <el-menu-item index="1.1">
                    <router-link to="/KeCheng"  style="text-decoration:none;">
                    课程发布
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="1.2">
                    <router-link to="/CouRes" style="text-decoration:none;">
                    课程分类
                  </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
              <el-collapse-item title="学习管理" name="group2">
                <el-menu>
                  <el-menu-item index="2.1">
                    <router-link to="/JihuaZhiding" style="text-decoration:none;">
                    计划制定
                  </router-link>
                  </el-menu-item>
                  <el-menu-item index="2.2">
                    <router-link to="/CourseLearningPage" style="text-decoration:none;">
                    课程学习
                  </router-link>
                  </el-menu-item>
                  <el-menu-item index="2.3">
                    <router-link to="/StudyRecordList" style="text-decoration:none;">
                    学习记录
                  </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
              <el-collapse-item title="资源管理" name="group3">
                <el-menu>
                  <el-menu-item index="3.1">
                    <router-link to="/FileUpload" style="text-decoration:none;">
                    资料上传、下载与分享
                  </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
              <el-collapse-item title="视频管理" name="group4">
                <el-menu>
                  <el-menu-item index="4.1">
                  <router-link to="/VidoGuanli" style="text-decoration:none;">
                    视频存储
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="4.2">
                    <router-link to="/VideoRepostComponent" style="text-decoration:none;">
                    视频转载
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="4.3">
                    <router-link to="/VideoPlayComponent" style="text-decoration:none;">
                    视频播放
                    </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
              <el-collapse-item title="测评评估" name="group5">
                <el-menu>
                  <el-menu-item index="5.1">
                    <router-link to="/ZaixianCeishi" style="text-decoration:none;">
                    在线测试
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="5.2">
                    <router-link to="/ZuoyeTijiao" style="text-decoration:none;">
                    作业提交
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="5.3">
                    <router-link to="/ScoreQuery" style="text-decoration:none;">
                    成绩查询
                    </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
              <el-collapse-item title="数据统计" name="group6">
                <el-menu>
                  <el-menu-item index="6.1">
                    <router-link to="/UserStats" style="text-decoration:none;">
                    学习数据统计
                    </router-link>
                  </el-menu-item>
                  <el-menu-item index="6.2">
                    <router-link to="/UserBehaviorAnalysis" style="text-decoration:none;">
                    用户行为分析
                    </router-link>
                  </el-menu-item>
                </el-menu>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-aside>
        <el-main>
          <div class="main-content">
            <div class="block text-center">
              <span class="demonstration">
              </span>
               <el-carousel :interval="3000" type="card" style="height: 290px;width: 1100px;margin-top: -10px;">
                  <el-carousel-item v-for="item in arriImg" :key="item">
                  <el-image :src="item" style="height: 310px;width:auto;"></el-image>
               </el-carousel-item>
              </el-carousel>
         </div>
          </div>
          <div class="icon-text-container">
            <div>
                 <div class="border-underline"   style="font-size: 20px;margin-top: -50px;">常用功能</div>
            </div>
            <div class="icon-group">
    <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/我的课程.png')" alt="我的课程" style="width: auto; height: 50px;margin-left:60px;margin-top: 330px; cursor: pointer;" />
      </el-icon>
      <div class="text">我的课程</div>
    </div>
    <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/我的作业.png')" alt="我的作业" style="width: auto; height: 50px;margin-left:60px;margin-top: 330px; cursor: pointer;" />
      </el-icon>
      <div class="text">我的作业</div>
    </div>
    <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/计划制定.png')" alt="计划制定" style="width: auto; height: 50px;margin-left:60px;margin-top: 330px; cursor: pointer;" />
      </el-icon>
      <div class="text">计划制定</div>
    </div>
    <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/学习指标.png')" alt="学习指标" style="width: auto; height: 50px;margin-left:60px;margin-top: 330px; cursor: pointer;" />
      </el-icon>
      <div class="text">学习指标</div>
    </div>
    <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/购物车.png')" alt="购物车" style="width: auto; height: 50px;margin-left:60px;margin-top: 330px; cursor: pointer;" />
      </el-icon>
      <div class="text">课程购物</div>
   </div>
   <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/拍照翻译.png')" alt="拍照翻译" style="width: auto; height: 50px;margin-left:-1240px;margin-top: 550px; cursor: pointer;" />
      </el-icon>
      <div class="textst">拍照翻译</div>
   </div>
   <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/知识问答.png')" alt="知识问答" style="width: auto; height: 50px;margin-left:-1240px;margin-top: 550px; cursor: pointer;" />
      </el-icon>
      <div class="textst">知识问答</div>
   </div>
   <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/名师讲坛.png')" alt="名师讲坛" style="width: auto; height: 50px;margin-left:-1240px;margin-top: 550px; cursor: pointer;" />
      </el-icon>
      <div class="textst">名师讲坛</div>
   </div>
   <div class="icon-with-text">
      <el-icon :size="40">
        <img :src="require('../assets/能力测评.png')" alt="能力测评" style="width: auto; height: 50px;margin-left:-1240px;margin-top: 550px; cursor: pointer;" />
      </el-icon>
    <div class="textst">能力测评</div>
      <span style="margin-left:-1050px;margin-top:-30px;color: cadetblue;cursor: pointer;">查看更多>></span>
    <div class="ttlst">
        <el-icon :size="40">
         <img :src="require('../assets/7.png')" alt="" style="width: auto; height: 190px;margin-left:90px;margin-top: 120px; " />
       </el-icon>
      <el-button type="primary" style="margin-top: 30px;margin-left: 5px;border-radius: 20px;color: floralwhite;">
        <router-link to="/GerenZhongxin" class="nav-links" active-class="active" style="text-decoration:none;color:white">
          个人中心
        </router-link>
      </el-button>
      </div>
   </div>
     </div>
     </div>
        </el-main>
      </el-container>
      <el-footer>
       <div class="footer-content">
         <p style="font-size: 20px;margin-left: -1190px;font-weight: bold;margin-top: 30px;">
             今日推荐
          <i style="margin-left: 10px;font-size: 12px;color: dimgrey;cursor: pointer;">
            查看更多>>
          </i>
         </p>
         <div class="flex-container">
          <div class="hover-effect">
           <el-icon :size="40">
             <img :src="require('../assets/8.png')" alt="" style="width: auto; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
           </el-icon>
           <p style="margin-left:-90px;">
              事路智思云起航14班
           </p>
         <p style="font-size: 13px;color: darkgrey;">
             11.11-11.19共3课节
         </p>
           <el-button type="primary" style="margin-top: 15px;margin-left: -5px;border-radius: 20px;color: floralwhite;">
             免费报名
          </el-button>
         </div>
         <div class="hover-effect">
           <el-icon :size="40">
        <img :src="require('../assets/9.png')" alt="" style="width: auto; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
           <p style="margin-left:-30px;">
            3节课搞定从本科生到研究生
          </p>
           <p style="font-size: 13px;color: darkgrey;">11.12-11.25共6课节</p>
          <el-button type="primary" style="margin-top: 15px;margin-left: -5px;border-radius: 20px;color: floralwhite;">
            免费报名
          </el-button>
         </div>
         <div class="hover-effect">
           <el-icon :size="40">
        <img :src="require('../assets/10.png')" alt="" style="width: auto; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer " />
         </el-icon>
         <p style="margin-left:-90px;">
           军队文职3天训练营
         </p>
         <p style="font-size: 13px;color: darkgrey;">
          11.13-11.22共3课节
        </p>
           <el-button type="primary" style="margin-top: 15px;margin-left: -5px;border-radius: 20px;color: floralwhite;">
            免费报名
          </el-button>
         </div>
         <div class="hover-effect">
           <el-icon :size="40">
        <img :src="require('../assets/11.png')" alt="" style="width: auto; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer " />
         </el-icon>
         <p style="margin-left:-90px;">
           1-3阶【0基础】编程
         </p>
         <p style="font-size: 13px;color: darkgrey;">
          11.11-11.18共4课节
        </p>
           <el-button type="primary" style="margin-top: 15px;margin-left: -5px;border-radius: 20px;color: floralwhite;">
            免费报名
          </el-button>
         </div>
         <div class="hover-effect">
           <el-icon :size="40">
        <img :src="require('../assets/12.png')" alt="" style="width: auto; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer " />
         </el-icon>
         <p style="margin-left:-90px;">
          4-6阶【0基础】编程
        </p>
         <p style="font-size: 13px;color: darkgrey;">
          11.13-11.23共6课节
        </p>
           <el-button type="primary" style="margin-top: 15px;margin-left: -5px;border-radius: 20px;color: floralwhite;">
            免费报名
          </el-button>
         </div>
         </div>
         <p class="text-center demonstration" style="margin-top: 100px;font-size: 27px;color: skyblue;font-weight: bold;">
          教师风采
        </p>
         <p class="text-center demonstration" style="margin-top: 20px;font-size: 16px;color: dimgrey;">
          智思云好老师，严格优选上百位优秀教师，打造优质团队
        </p>
         <div class="ooppt">
         <el-carousel
    height="820px"
    loop="true"
    direction="vertical"
    type="card"
    :autoplay="true"
    interval="2000"
  >
    <el-carousel-item  v-for="item in arriImgs" :key="item ">
      <el-image :src="item" style="height:auto;width:900px;"></el-image>
    </el-carousel-item>
  </el-carousel>
    </div>
      <p style="font-size: 20px;margin-left: -1190px;font-weight: bold;margin-top: 100px;">
          好课推荐
      <i style="margin-left: 10px;font-size: 12px;color: dimgrey;cursor: pointer;">
        查看更多 >>
      </i>
         </p>
         <div class="flex-container">
          <div class="hover-ttssy">
           <el-icon :size="40">
             <img :src="require('../assets/17.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          26考研396经综专业+政英二联报
        </p>
         <p style="font-size: 16px;color: darkgrey;">
          <el-button style="margin-left: -25px;" type="info" round>联报</el-button>
          9.23-（2025）12.20.3门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">桥俊浩</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥19940.00</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/19.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          【9阶】AI智学+重难点思维提升营
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -45px;" type="info" round>联报</el-button>
         11.20-11.24.两门课程联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">王冰</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">免费</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/18.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          26考研199管综在线+英二联报
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -25px;" type="info" round>联报</el-button>
          9.23-（2025）12.20.2门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">陈建</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥19960.00</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/21.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-15px;">
          智思云全程班（公共英语+大学语文）
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -25px;" type="info" round>联报</el-button>
          9.23-（2025）12.20.2门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">杨仕威</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥4960.00</i>
         </p>
         </div>
         </div>
         <el-divider />
         <div class="flex-container">
          <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/22.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          【武汉】25考研通关百日集训营·1期
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -85px;" type="info" round>联报</el-button>
          8.23-12.29.2门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">李老师</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥22800.00</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/23.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          2024事业单位笔面过考全程班
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -85px;" type="info" round>联报</el-button>
          9.23-12.20.4门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">段天彩</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥9800.00</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/20.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;"> 
          2024事业单位联考笔面过考全程班
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -95px;" type="info" round>联报</el-button>
          5.10-5.11.2门课联报
        </p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">张胜男</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥19440.00</i>
         </p>
         </div>
         <div class="hover-ttssy">
           <el-icon :size="40">
        <img :src="require('../assets/24.png')" alt="" style="width: 310px; height: 300px;margin-left:0px;margin-top: 223px;border-radius: 5px;cursor: pointer" />
         </el-icon>
         <p style="margin-left:-70px;">
          【国考】25公务员笔面过考私教班
        </p>
         <p style="font-size: 16px;color: darkgrey;"><el-button style="margin-left: -25px;" type="info" round>联报</el-button>9.23-（2025）12.20.3门课联报</p>
         <el-divider />
         <p style="margin-top: -15px;">
          <i style="margin-left:-10px;color: dimgrey ;">贾利春</i>
          <i style="margin-left: 140px;color:#F3353A;font-weight: bold">¥19940.00</i>
         </p>
         </div>
         </div>
         <el-divider />
         <div class="objkj">
           <ul style="margin-left: -1200px;">
            <li> <img src="@/assets/LOGO.png" alt="Logo" class="menu-logos" style="cursor: pointer" ></li>
            <li style="color: skyblue;font-size: 17px;">让教与学更高效</li>
            <li style="color: #000; ">⁃汇聚优质资源</li>
            <li style="color: #000; ">⁃服务智慧教学</li>
            <li style="color: #000; ">⁃赋能行业发展</li>
           </ul>
           <ul style="margin-top: -200px;margin-left: -800px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
              新手帮助
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">在线客服</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">提现流程</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">赚取现金</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">视频帮助</el-button>
            </li>
           </ul>
           <ul style="margin-top: -200px;margin-left: -450px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
            常见问题
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">账号问题</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">上传问题</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">下载问题</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">充值问题</el-button>
            </li>
           </ul>
           <ul style="margin-top: -200px;margin-left: -100px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
            会员须知
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">高级会员</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">轻享会员</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">教师认证</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">会员体系</el-button>
            </li>
           </ul>
           <ul style="margin-top: -200px;margin-left: 250px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
            互动交流
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">留言中心</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">意见反馈</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">留言状态</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">留言问题</el-button>
            </li>
           </ul>
           <ul style="margin-top: -200px;margin-left: 600px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
            产品服务
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">网校通</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">e网/卷通</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">学科书城</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">开放平台</el-button>
            </li>
           </ul>
           <ul style="margin-top: -200px;margin-left: 950px;">
            <li style="font-weight: bold;font-size: 18px;cursor: pointer;">
            客服热线
            </li>
            <li style="margin-top: 25px;">
              <el-button type="text" class="hover-text">400-900-2556</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">QQ：712321494</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text">工作日：8:30-18:00</el-button>
            </li>
            <li>
              <el-button type="text" class="hover-text"></el-button>
            </li>
           </ul>
           <el-divider ></el-divider>
           <p style="margin-left: -100px;">友情链接：
              <el-button type="text" class="hover-text" style="margin-left: 10px;"> 组卷网</el-button>
              <el-button type="text" class="hover-text">中考真题</el-button>
              <el-button type="text" class="hover-text">高考真题</el-button>
              <el-button type="text" class="hover-text">电子课本</el-button>
              <el-button type="text" class="hover-text">学科网招聘</el-button>
              <el-button type="text" class="hover-text">AI职教</el-button>
              <el-button type="text" class="hover-text">e课堂</el-button>
              <el-button type="text" class="hover-text">国家公务员考试</el-button>
              <el-button type="text" class="hover-text">环球职业教育网</el-button>
              <el-button type="text" class="hover-text">高考网</el-button>
              <el-button type="text" class="hover-text">考试吧</el-button>
              <el-button type="text" class="hover-text">新东方在线</el-button>
              <el-button type="text" class="hover-text">233网校</el-button>
              <el-button type="text" class="hover-text">中华网考试</el-button>
              <el-button type="text" class="hover-text">国家公务员考试</el-button>
              <br/>
              <el-button type="text" class="hover-text" style="margin-left: -255px;">高三网</el-button>
              <el-button type="text" class="hover-text">可可英语</el-button>
              <el-button type="text" class="hover-text">公务员考试网</el-button>
              <el-button type="text" class="hover-text">中考网</el-button>
              <el-button type="text" class="hover-text">注册会计师考试</el-button>
              <el-button type="text" class="hover-text">律师</el-button>
              <el-button type="text" class="hover-text">爱问共享资料</el-button>
              <el-button type="text" class="hover-text">原创力文档</el-button>
              <el-button type="text" class="hover-text">法律咨询网</el-button>
              <el-button type="text" class="hover-text">高考网</el-button>
              <el-button type="text" class="hover-text">考试吧</el-button>
              <el-button type="text" class="hover-text">法律咨询</el-button>
              <el-button type="text" class="hover-text">公务员期刊网</el-button>
            </p>
            <el-divider ></el-divider>
            <p style="padding: 20px;">
              <el-button type="text" class="hover-text">关于我们</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">网站导航</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">网站地图</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">版权声明</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">证照信息</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">帮助中心</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">壁纸下载</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">证书查询</el-button>
              <el-divider style=" border-color: #ff5722;" direction="vertical" />
              <el-button type="text" class="hover-text">版权保护</el-button>
            </p>
            <p>
              <ul>
                <li>
                  违法和不良信息举报电话:400-123-4567   举报邮箱:support@zhisiyun.com
                </li>
               <li style="margin-top: 30px;">
                智思云网 zxxk.com  版权所有 京ICP备12013499号 京ICP证080135号 北京市公安局海淀分局备案号:1101081948
               </li>
              </ul>
            </p> 
             <el-divider ></el-divider>
            <p>
              <el-icon :size="40">
                <img :src="require('../assets/25.png')" alt="" style="width: auto; height:auto;margin-left:-850px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon>
             <el-icon :size="40">
                <img :src="require('../assets/26.png')" alt="" style="width: auto; height:auto;margin-left:-600px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/27.png')" alt="" style="width: auto; height:auto;margin-left:-350px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/28.png')" alt="" style="width: auto; height:auto;margin-left:-100px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/29.png')" alt="" style="width: auto; height:auto;margin-left:150px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/30.png')" alt="" style="width: auto; height:auto;margin-left:400px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/31.png')" alt="" style="width: auto; height:auto;margin-left:650px;margin-top: 150px;border-radius: 5px;cursor: pointer" />
             </el-icon> 
             <el-icon :size="40">
                <img :src="require('../assets/32.png')" alt="" style="width: 100px; height:auto;margin-left:900px;margin-top: 150px;border-radius: 5px;cursor: pointer" />

             </el-icon>  
            </p> 
         </div>
         </div>
      </el-footer>
     </el-container>
  </template>
  <script>
  import { ElButton, } from 'element-plus';
  export default {
    name: 'EducationHome',
    components: {
      ElButton,
    },
    data() {
      return {
        activeNames: ['group1'],
        searchQuery: '',
        arriImg:[
          require("../assets/1.png"),
          require("../assets/2.png"),
          require("../assets/3.png"),
          require("../assets/4.png"),
          require("../assets/5.png"),
          require("../assets/6.png"),
        ],
        arriImgs:[
        require("../assets/13.png"),
        require("../assets/14.png"),
        require("../assets/15.png"),
        require("../assets/16.png"),
        ]
      };
    },
    methods: {
      
    }
  };
  </script>
  <style scoped>
  .hover-text {
  color: #000; /* 默认字体颜色 */
  transition: color 0.2s; /* 添加过渡效果，使颜色变化更平滑 */
}

.hover-text:hover {
  color: #6690ad5a; /* 鼠标划过时的字体颜色 */
}
   .menu-logos {
  width: 60px; /* 调整Logo的宽度 */
  height: auto; /* 保持比例 */
  margin-right: 0; /* Logo与文字之间的间距 */
  margin-top: 0px;
  }
   ul {
      list-style-type: none; /* 移除默认的列表样式 */
      padding:0; /* 移除默认的内边距 */
      line-height: 30px;
    }
  .objkj{
    height: 780px;
    width: auto;
    background-color: rgba(163, 179, 141, 0.111);
  }
  .ooppt{
    height: 820px;
    width: 900px;
    margin-top: 60px;
    margin-left: 200px;
  }

  .el-carousel__item h3 {
  color: #f3f5f815;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}

.el-carousel__item:nth-child(2n) {
  background-color: #f4f0f114;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #f4f6f917;
}
  .flex-container {
  display: flex; /* 使用 Flexbox 布局 */
  justify-content: space-between; /* 子元素之间均匀分布 */
  gap: 20px; /* 子元素之间的间距 */
  margin-top: 50px;
}
  .hover-effect {
  width: 200px; /* 设置宽度 */
  height: 390px; /* 设置高度 */
  background-color: #aeb6c024; /* 设置背景颜色 */
  padding: 20px; /* 设置内边距 */
  border-radius: 5px; /* 设置圆角 */
  box-shadow: 0 4px 8px rgba(151, 150, 150, 0.2); /* 添加阴影效果 */
  transition: transform 0.3s ease; /* 添加过渡效果 */
  cursor: pointer;
}

.hover-effect:hover {
  transform: translateY(-10px); /* 鼠标悬停时向上移动5像素 */
}
.hover-ttssy {
  width: 270px; /* 设置宽度 */
  height: 390px; /* 设置高度 */
  background-color: #94b2c525; /* 设置背景颜色 */
  padding: 20px; /* 设置内边距 */
  border-radius: 5px; /* 设置圆角 */
  box-shadow: 0 4px 8px rgba(151, 150, 150, 0.2); /* 添加阴影效果 */
  transition: transform 0.3s ease; /* 添加过渡效果 */
  cursor: pointer;
}

.hover-ttssy:hover {
  transform: translateY(-10px); /* 鼠标悬停时向上移动5像素 */
}
  .ttlst{
    width:200px;
    height: 260px;
    margin-top: -260px;
    margin-left: -360px;
    background-color: rgba(127, 192, 207, 0.144);
    border-radius: 15px;
  }
  .icon-group {
  display: flex;
  gap: 10px; /* 图标组之间的间距 */
}

.icon-with-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text {
  cursor: pointer;
  margin-top: 170px;
  margin-right: 20px;
  font-size: 14px;
  color: rgb(96, 99, 101);
}
.textst {
  cursor: pointer;
  margin-top: 280px;
  margin-left:-1320px;
  font-size: 14px;
  color: rgb(96, 99, 101);
}

  .border-underline {
    border-bottom: 3px solid #6f97c3; /* 下划线的宽度和颜色 */
    padding-bottom: 3px; /* 可选：调整文本与下划线之间的间距 */
  }
  .icon-text-container {
   display: flex;
  align-items: center; /* 垂直居中对齐 */
}

.icon-text-container .el-icon {
  margin-right: 80px; /* 图标与文本之间的间距 */
}
.el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
  text-align: center;
}
.el-carousel__item:nth-child(2n) {
  background-color: #dfe3e8;
}.el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}

.el-carousel__item:nth-child(2n) {
  background-color: #e0e5e9;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #e0e5e9;
}
 .el-link {
  margin-right: 8px;
 }
 .el-link .el-icon--right.el-icon {
  vertical-align: text-bottom;
 }
 .menu-logo {
  width: 60px; /* 调整Logo的宽度 */
  height: auto; /* 保持比例 */
  margin-left: 150px; /* Logo与文字之间的间距 */
  margin-top: -10px;
  }
  .el-collapse-item__header {
    background-color: #eef2f6;
    color: rgba(41, 239, 209, 0.445);
  }
  .el-menu-item {
    color: rgba(91, 115, 167, 0.845);
  }
  .el-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #4a89bd4e;
    color: #333;
    text-align: center;
    line-height: 40px;
  }
  .el-footer {
    background-color: #ccd0d71a;
    color: #333;
    text-align: center;
    line-height: 10px;
    height: 370vh;
    width: 1360px;
    margin-top: 50px;
    border-radius: 5px;
  }
  .el-aside {
    color: #8b8686;
    text-align: right;
    line-height: 200px;
  }
  .el-main {
    color: #100707;
    text-align: center;
    padding: 10px;
  }
  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0px;
  }
  .search-box {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-right:40px;
    margin-top:-10px;
    display: flex;
    transition: all 0.3s;
    align-items: center;
  }
  </style>
  